<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" >
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="renderer" content="webkit">
    <!-- 目前仅限360急速浏览 webkit:急速  ie-comp:ie兼容模式   ie-stand: ie标准模式 -->
    <title>中岚签证</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <!-- Bootstrap中文字体版 -->
    <link href="static/css/bootstrap.min.css" rel="stylesheet">
    <!-- 自定义样式 -->
    <link href="static/css/common.css" rel="stylesheet">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="static/js/html5shiv.min.js"></script>
    <script src="static/js/respond.min.js"></script>
    <![endif]-->
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="static/js/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="static/js/bootstrap.min.js"></script>
</head>

<body>
<!-- 整站通用的头部及导航条 -->
<div id="header">
    <nav class="navbar navbar-default navbar-fixed-top">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                        data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" style="padding:0 0 0 15px;" href="http://www.clantrip.com"><img alt="Brand" style="max-width:130px;"
                                                                                  src="static/picture/logo.png"></a>
            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                                <ul class="nav navbar-nav navbar-right">
                    <li  class="active"><a href="http://www.clantrip.com">首页 <span class="sr-only">(current)</span></a><p class="line-top hidden-xs"></p></li>
                                        <li ><a href="http://www.clantrip.com/index.php?m=content&c=index&a=lists&catid=6">律所介绍</a></li>
                                        <li ><a href="http://www.clantrip.com/index.php?m=content&c=index&a=lists&catid=13">真实案例</a></li>
                                        <li ><a href="http://www.clantrip.com/index.php?m=content&c=index&a=lists&catid=9">律所精英</a></li>
                                        <li ><a href="http://www.clantrip.com/index.php?m=content&c=index&a=lists&catid=10">人才招聘</a></li>
                                        <li ><a href="http://www.clantrip.com/index.php?m=content&c=index&a=lists&catid=14">联系我们</a></li>
                                    </ul>
                            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>
</div>
<!-- <!-- 整站通用的头部及导航条 -->

<!-- 全屏轮播图 -->
<div id="carousel-example-generic" class="carousel slide my-slide" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators">
        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
    </ol>
    <!-- Wrapper for slides -->
    <div class="carousel-inner" role="listbox">
        <div class="item active">
            <a target="_blank" href="">
                <img src="static/picture/banner1.jpg" alt="广西亚卓律师事务所">
            </a>
        </div>
        <div class="item">
            <a target="_blank" href="">
                <img src="static/picture/banner2.jpg" alt="广西亚卓律师事务所">
            </a>
        </div>
    </div>
</div>
<!-- 全屏轮播图 -->
<!-- 我们的成绩 -->
<div class="index-row our-data">
    <div class="container">
        <div class="row">
            <div class="col-sm-12 main-title">
                <h2 class="h1">我们的成绩</h2>

                <p class="line line-big"></p>

                <h2>
                    <small>2018年1月1日至2018年12月30日，我们的接待数据。</small>
                </h2>
            </div>
            <div class="col-sm-3 our-data-item sum-apply">
                <div class="number-wrapper">
                    <span id="sum-apply" class="run-number" data-to="240">26,517</span>
                </div>
                <h4 class="title">累计受理申请</h4>
            </div>
            <div class="col-sm-3 our-data-item sum-rate">
                <div class="number-wrapper">
                    <span id="sum-rate" class="run-number" data-to="240">98.6</span>%
                </div>
                <h4 class="title">综合通过率</h4>
            </div>
            <div class="col-sm-3 our-data-item sum-urgent">
                <div class="number-wrapper">
                    <span id="sum-urgent" class="run-number" data-to="240">7,368</span>
                </div>
                <h4 class="title">加急申请人数</h4>
            </div>
            <div class="col-sm-3 our-data-item urgent-rate">
                <div class="number-wrapper">
                    <span id="urgent-rate" class="run-number" data-to="240">100</span>%
                </div>
                <h4 class="title">加急成功率</h4>
            </div>
        </div>
    </div>
</div>
<!-- 我们的成绩 -->
<!-- 我们的优势 -->
<div class="index-row our-whyus">
    <div class="container">
        <div class="row">
            <div class="col-sm-12 main-title">
                <h2 class="h1">我们的优势</h2>

                <p class="line line-big"></p>

                <h2>
                    <small>每一份签证申请都是独立个案，每一位申请人都应该被认真对待。</small>
                </h2>
            </div>
            <div class="col-sm-3">
                <div class="our-whyus-item">
                    <span class="glyphicon glyphicon-time" aria-hidden="true"></span>

                    <h3 class="title">十一年美签经验</h3>

                    <p>2006年开始办理美国签证至今，积累了丰富的首签和拒签再签实用经验。</p>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="our-whyus-item">
                    <span style="font-size: 80px;" class="glyphicon glyphicon-screenshot" aria-hidden="true"></span>

                    <h3 class="title">一对一精准定制</h3>

                    <p>每一位申请人都是独立的签证个案，我们从签证原理开始，为您定制最优方案。</p>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="our-whyus-item">
                    <span style="font-size: 80px;" class="glyphicon glyphicon-refresh" aria-hidden="true"></span>

                    <h3 class="title">高效率即时响应</h3>

                    <p>遇到任何疑问，您都会在第一时间得到我们的正面回应，并进行相关处理。</p>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="our-whyus-item">
                    <span style="font-size: 80px;" class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span>

                    <h3 class="title">精益求精的态度</h3>

                    <p>死磕完美材料，对签证申请流程中的细节一丝不苟，力争最高通过率。</p>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 我们的优势 -->
<!-- 我们的服务 -->
<div class="index-row our-service">
    <div class="container">
        <div class="row">
            <div class="col-sm-12 main-title">
                <h2 class="h1">我们的服务</h2>

                <p class="line line-big"></p>

                <h2>
                    <small>与美国非移民签证申请相关的所有服务，我们都提供支持。</small>
                </h2>
            </div>
            <div class="col-sm-12 text-center card-box">
                <ul class="card-area">
                    <li class="card-item card-active">
                        <div class="card-title">
                            <h4>美国加急预约</h4>

                            <p>全程加急办理</p>

                        </div>
                        <div class="card-content">
                            <p>3个工作日内进馆</p>

                            <p>先加急 后付费</p>

                            <p>100%加急成功</p>

                            <p>支持全国五大领区</p>

                            <p>支持所有签证类型</p>
                            <a href="http://www.clantrip.com/index.php?m=content&c=index&a=lists&catid=13" class="btn btn-outline-inverse">查看详情</a>

                        </div>
                    </li>
                    <li class="card-item">
                        <div class="card-title">
                            <h4>美国商务签证</h4>

                            <p>B1/B2商务</p>
                        </div>
                        <div class="card-content">
                            <p>10年多次往返</p>

                            <p>一对一方案定制</p>

                            <p>申请材料指导</p>

                            <p>面签培训</p>

                            <p>全程解答所有疑问</p>
                            <a href="/index.php?m=content&c=index&a=show&catid=9&id=2" class="btn btn-outline-blue">查看详情</a>
                        </div>
                    </li>
                    <li class="card-item">
                        <div class="card-title">
                            <h4>美国免面签</h4>

                            <p>免面试中信代传递</p>
                        </div>
                        <div class="card-content">
                            <p>简单申请材料</p>

                            <p>无须进馆面试</p>

                            <p>B1/B2十年有效</p>

                            <p>可加急申请</p>

                            <p>全流程服务</p>
                            <a href="/index.php?m=content&c=index&a=show&catid=9&id=3" class="btn btn-outline-blue">查看详情</a>
                        </div>
                    </li>
                    <li class="card-item">
                        <div class="card-title">
                            <h4>美国留学签证</h4>

                            <p>F1/F2留学陪读</p>
                        </div>
                        <div class="card-content">
                            <p>签证方案咨询</p>

                            <p>申请材料指导</p>

                            <p>代缴SEVIS费</p>

                            <p>面签培训</p>

                            <p>可加急办理</p>
                            <a href="/index.php?m=content&c=index&a=show&catid=9&id=4" class="btn btn-outline-blue">查看详情</a>
                        </div>
                    </li>
                </ul>
                <div class="clearfix"></div>
            </div>
            <div class="col-sm-12 text-center">
                <a href="http://www.clantrip.com/index.php?m=content&c=index&a=lists&catid=9" class="btn btn-outline-blue btn-lg">查看更多服务</a>
            </div>
        </div>
    </div>
</div>
<!-- 我们的服务 -->
<!-- 客户的鼓励 -->
<div class="index-row our-example">
    <div class="container">
        <div class="row">
            <div class="col-sm-12 main-title">
                <h2 class="h1">客户的鼓励</h2>

                <p class="line line-big"></p>

                <h2>
                    <small>帮助您解决实际问题，顺利、及时地获得签证，是我们存在的根本价值。</small>
                </h2>
            </div>
            <div class="col-sm-4 our-example-box">
                <div class="our-example-popover">
                    <div class="popover top">
                        <div class="arrow"></div>
                        <h3 class="popover-title-touxiang">
                            <img src="static/picture/pingjia1.jpg">
                        </h3>

                        <div class="popover-content">
                            <p class="popover-content-text">
                                护照丢了，定了春节行程。11号补好护照约了13号面签，这速度简直惊人，所有的旅行社都说弄不了，来不及了，肯定没戏。多亏了你们，非常感谢！</p>

                            <div class="popover-content-tag">
                                <span class="bingzhong">B1商务签证</span>

                                <div class="position-address">
                                    <figure class="position-icon"></figure>
                                    <span>北京领事馆</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <figure class="glly-icon ac-figure-icon"></figure>
            </div>
            <div class="col-sm-4 our-example-box">
                <div class="our-example-popover">
                    <div class="popover top">
                        <div class="arrow"></div>
                        <h3 class="popover-title-touxiang">
                            <img src="static/picture/pingjia2.jpg">
                        </h3>

                        <div class="popover-content">
                            <p class="popover-content-text">
                                因为我情况很特殊也很难办，白本加多次拒签。感谢你们为我做详细的分析与方案，这次签证终于过了！本来都做好心理准备再拒我就彻底放弃的。谢谢你们！</p>

                            <div class="popover-content-tag">
                                <span class="bingzhong">B2旅游签证</span>

                                <div class="position-address">
                                    <figure class="position-icon"></figure>
                                    <span>广州领事馆</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <figure class="glly-icon ac-figure-icon"></figure>
            </div>
            <div class="col-sm-4 our-example-box">
                <div class="our-example-popover">
                    <div class="popover top">
                        <div class="arrow"></div>
                        <h3 class="popover-title-touxiang">
                            <img src="static/picture/pingjia3.jpg">
                        </h3>

                        <div class="popover-content">
                            <p class="popover-content-text">
                                同学推荐过来的，马上就要开学了，加上去年成绩不并理想。多亏你们帮我插队面签，分析面签问题，非常专业。现在签证已经拿到了，我会再介绍同学来。</p>

                            <div class="popover-content-tag">
                                <span class="bingzhong">F1留学签证</span>

                                <div class="position-address">
                                    <figure class="position-icon"></figure>
                                    <span>上海领事馆</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <figure class="glly-icon ac-figure-icon"></figure>
            </div>

            <div class="clearfix"></div>
        </div>
    </div>
</div>
<!-- 客户的鼓励 -->
<!-- 最新资讯 -->
<div class="index-row our-news">
    <div class="container">
        <div class="row">
            <div class="col-sm-12 main-title">
                <h2 class="h1">美国签证最新资讯</h2>

                <p class="line line-big"></p>

                <h2>
                    <small>中岚签证帮您关注最新美国签证相关政策与新闻。</small>
                </h2>
            </div>
                                    <div class="col-sm-6">
                <div class="media our-news-item">
                    <div class="media-left">
                        <a class="thumbnail" href="http://www.clantrip.com/index.php?m=content&c=index&a=show&catid=10&id=49">
                            <img class="media-object" src="static/picture/20170509103625563.jpg" alt="92名中国民工被欠薪受困塞班岛 华裔中介扣钱逃匿">
                        </a>
                    </div>
                    <div class="media-body">
                        <a href="http://www.clantrip.com/index.php?m=content&c=index&a=show&catid=10&id=49"><h4 class="media-heading">92名中国民工被欠薪受困塞班岛 华裔中介扣钱逃匿</h4></a>
                        <div class="dynamic-li">
                            <span>时间：2017-05-09 </span>
                        </div>
                        <p>他们大部分来自东北，在去年10月份时，其所在城市的劳务中介公司找到他们，介绍了塞班岛的工作，中介给他们开出每天工作8小时日薪300元、如果加班每小时50元的待遇。民工称他们当时也没</p>
                        <div class="dynamic-li">
                            <a href="http://www.clantrip.com/index.php?m=content&c=index&a=show&catid=10&id=49">[详细]</a>
                            <span>作者：中岚签证 <span class="hidden-xs">clantrip.com</span> </span>
                        </div>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6">
                <div class="media our-news-item">
                    <div class="media-left">
                        <a class="thumbnail" href="http://www.clantrip.com/index.php?m=content&c=index&a=show&catid=10&id=48">
                            <img class="media-object" src="static/picture/20170508061916221.png" alt="2017年赴美签证新规定">
                        </a>
                    </div>
                    <div class="media-body">
                        <a href="http://www.clantrip.com/index.php?m=content&c=index&a=show&catid=10&id=48"><h4 class="media-heading">2017年赴美签证新规定</h4></a>
                        <div class="dynamic-li">
                            <span>时间：2017-05-08 </span>
                        </div>
                        <p>美国国务院领事事务局2016年10月6日公告，自2016年11月1日开始，申请美国护照或签证，要使用没有戴眼镜的照片。</p>
                        <div class="dynamic-li">
                            <a href="http://www.clantrip.com/index.php?m=content&c=index&a=show&catid=10&id=48">[详细]</a>
                            <span>作者：中岚签证 <span class="hidden-xs">clantrip.com</span> </span>
                        </div>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6">
                <div class="media our-news-item">
                    <div class="media-left">
                        <a class="thumbnail" href="http://www.clantrip.com/index.php?m=content&c=index&a=show&catid=10&id=47">
                            <img class="media-object" src="static/picture/20170508052848613.jpg" alt="美国有多少人缴纳个人所得税及其它">
                        </a>
                    </div>
                    <div class="media-body">
                        <a href="http://www.clantrip.com/index.php?m=content&c=index&a=show&catid=10&id=47"><h4 class="media-heading">美国有多少人缴纳个人所得税及其它</h4></a>
                        <div class="dynamic-li">
                            <span>时间：2017-05-08 </span>
                        </div>
                        <p>前几天我们有一篇博文介绍了美国个人所得税税率，不少网友提出许多有关美国个税税收的问题，这里就集中回答。由于个税牵涉到联邦所得税以及   </p>
                        <div class="dynamic-li">
                            <a href="http://www.clantrip.com/index.php?m=content&c=index&a=show&catid=10&id=47">[详细]</a>
                            <span>作者：中岚签证 <span class="hidden-xs">clantrip.com</span> </span>
                        </div>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6">
                <div class="media our-news-item">
                    <div class="media-left">
                        <a class="thumbnail" href="http://www.clantrip.com/index.php?m=content&c=index&a=show&catid=10&id=35">
                            <img class="media-object" src="static/picture/20170414112021996.jpg" alt="多国签证利好频出，带火春节出境游">
                        </a>
                    </div>
                    <div class="media-body">
                        <a href="http://www.clantrip.com/index.php?m=content&c=index&a=show&catid=10&id=35"><h4 class="media-heading">多国签证利好频出，带火春节出境游</h4></a>
                        <div class="dynamic-li">
                            <span>时间：2017-04-15 </span>
                        </div>
                        <p>近一两个月来，澳大利亚、马来西亚、以色列、阿联酋、塞尔维亚、泰国等国纷纷对中国公民捧出签证利好，加上春节临近，大为提振了南京市民的旅游热情。记者从旅游市场上获悉，春节期间</p>
                        <div class="dynamic-li">
                            <a href="http://www.clantrip.com/index.php?m=content&c=index&a=show&catid=10&id=35">[详细]</a>
                            <span>作者：中岚签证 <span class="hidden-xs">clantrip.com</span> </span>
                        </div>
                    </div>
                </div>
            </div>
                                    <div class="col-sm-12 our-news-more">
                <h2>
                    <small><a href="http://www.clantrip.com/index.php?m=content&c=index&a=lists&catid=10">更多资讯>>></a></small>
                </h2>
            </div>
        </div>
    </div>
</div>
<!-- 最新资讯 -->
<!-- 我们的客户 -->
<div class="index-row our-client">
    <div class="container">
        <div class="row">
            <div class="col-sm-12 main-title">
                <h2 class="h1">我们的客户</h2>

                <p class="line line-big"></p>

                <h2>
                    <small>他们与中岚建立了合作关系</small>
                </h2>
            </div>
            <div class="col-xs-4 col-sm-3 col-md-2 our-client-item">
                <div class="our-client-logo">
                    <img class="img-responsive center-block" src="static/picture/client1.png" alt="中国重汽">
                </div>
            </div>
            <div class="col-xs-4 col-sm-3 col-md-2 our-client-item">
                <div class="our-client-logo">
                    <img class="img-responsive center-block" src="static/picture/client2.png" alt="中国中冶">
                </div>
            </div>
            <div class="col-xs-4 col-sm-3 col-md-2 our-client-item">
                <div class="our-client-logo">
                    <img class="img-responsive center-block" src="static/picture/client3.png" alt="宝钢集团">
                </div>
            </div>
            <div class="col-xs-4 col-sm-3 col-md-2 our-client-item">
                <div class="our-client-logo">
                    <img class="img-responsive center-block" src="static/picture/client4.png" alt="中国水电">
                </div>
            </div>
            <div class="col-xs-4 col-sm-3 col-md-2 our-client-item">
                <div class="our-client-logo">
                    <img class="img-responsive center-block" src="static/picture/client5.png" alt="河北建工">
                </div>
            </div>
            <div class="col-xs-4 col-sm-3 col-md-2 our-client-item">
                <div class="our-client-logo">
                    <img class="img-responsive center-block" src="static/picture/client6.png" alt="格力集团">
                </div>
            </div>
            <div class="col-xs-4 col-sm-3 col-md-2 our-client-item">
                <div class="our-client-logo">
                    <img class="img-responsive center-block" src="static/picture/client7.png" alt="山东山推">
                </div>
            </div>
            <div class="col-xs-4 col-sm-3 col-md-2 our-client-item">
                <div class="our-client-logo">
                    <img class="img-responsive center-block" src="static/picture/client8.png" alt="福田汽车">
                </div>
            </div>
            <div class="col-xs-4 col-sm-3 col-md-2 our-client-item">
                <div class="our-client-logo">
                    <img class="img-responsive center-block" src="static/picture/client9.png" alt="联想集团">
                </div>
            </div>
            <div class="col-xs-4 col-sm-3 col-md-2 our-client-item">
                <div class="our-client-logo">
                    <img class="img-responsive center-block" src="static/picture/client10.png" alt="冀中能源">
                </div>
            </div>
            <div class="col-xs-4 col-sm-3 col-md-2 our-client-item">
                <div class="our-client-logo">
                    <img class="img-responsive center-block" src="static/picture/client11.png" alt="腾讯集团">
                </div>
            </div>
            <div class="col-xs-4 col-sm-3 col-md-2 our-client-item">
                <div class="our-client-logo">
                    <img class="img-responsive center-block" src="static/picture/client12.png" alt="中国石油">
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 我们的客户 -->

<!-- 数字滚动插件 -->
<script type="text/javascript" src="static/js/countup.min.js"></script>
<script type="text/javascript">
    $(function () {
        /**通用-banner大图自定义缩放**/
        var zoomWidth = 992; //缩放阀值992px, 即所有小于992px的视口都会对原图进行缩放, 只是缩放比例不同
        var maxWidth = 1920; //最大宽度1920px
        var ratio = 1; //缩放比例
        var viewWidth = window.innerWidth; // 视口宽度
        var zoomSlider = function () {
            if (viewWidth < 768) { //当视口小于768时(移动端), 按992比例缩放
                ratio = viewWidth / zoomWidth; //视口宽度除以阀值, 计算缩放比例
            } else if (viewWidth < zoomWidth) { //当视口界于768与992之间时, bootstrap主宽度为750, 这区间图片缩放比例固定.
                ratio = zoomWidth / (zoomWidth + (zoomWidth - 750));
            } else { // PC端不缩放
                ratio = 1;
            }
            //ratio = viewWidth / zoomWidth; //视口宽度除以阀值, 计算缩放比例
            //ratio = (ratio<=1) ? ratio : 1; //如果比例值大于1, 说明视口宽度高于阀值, 则不进行任何缩放
            var width = maxWidth * ratio; //缩放宽度
            $(".my-slide img").each(function () {
                $(this).css({
                    "width": width,
                    "max-width": width,
                    "margin-left": -(width - viewWidth) / 2
                }); //图片自适应居中, 图片宽度与视口宽度差除以2的值, 设置为负margin
            });
        }
        /**通用-我们的成绩等数字滚动特效**/
        var numOptions = {
            useEasing: true,
            useGrouping: true,
            separator: ',',
            decimal: '.',
            prefix: '',
            suffix: ''
        }
        var numGroup = new Array(
                new CountUp("sum-apply", 0, 18397, 0, 2.5, numOptions),
                new CountUp("sum-rate", 0, 98.8, 1, 2.5, numOptions),
                new CountUp("sum-urgent", 0, 3273, 0, 2.5, numOptions),
                new CountUp("urgent-rate", 0, 100, 0, 2.5, numOptions)
        );
        var runNumber = function () {
            $('.run-number').each(function () {
                var oTop = $(this).offset().top;
                var sTop = $(window).scrollTop();
                var oHeight = $(this).height();
                var oIndex = $(this).index('.run-number');
                //console.log(oTop+'\r\n'+sTop+'\r\n'+oHeight+'\r\n'+$(window).height());
                if (oTop >= sTop && (oTop + (oHeight / 2)) < (sTop + $(window).height())) {
                    numGroup[oIndex].start();
                    //console.log('元素'+$(this).index('.run-number')+'可见');
                } else {
                    //console.log('元素'+$(this).index('.run-number')+'不可见');
                }
            });
        }

        zoomSlider(); //页面加载时初始化并检查一次.
        runNumber(); //页面加载时判断一次
        /**视口发生变化时的事件**/
        $(window).resize(function () {
            viewWidth = window.innerWidth; // 重置视口宽度
            zoomSlider();//判断是否绽放banner
            runNumber();//判断是否执行动画
        });
        /**滚动事件**/
        $(window).scroll(function () {
            runNumber();
        });

        //首页-我们的服务
        $('.card-item').each(function () {
            $(this).mouseover(function () {
                $(this).addClass('card-active');
                $(this).siblings().removeClass('card-active');
                $(this).find(".btn").addClass('btn-outline-inverse').removeClass('btn-outline-blue');
                $(this).siblings().find(".btn").addClass('btn-outline-blue').removeClass('btn-outline-inverse');
            });
        });

    });
</script>

<!-- 返回顶部滑块 -->
<div id="clan-slider">
    <ul>
        <li class="hidden-xs">
            <a id="slider-chat" class="web-chat" href="javascript:;"></a>
            <div class="clan-slider-tips">
                在线咨询
            </div>
        </li>
        <li class="hidden-xs">
            <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=54350970&site=qq&menu=yes" id="slider-qq"></a>
            <div class="clan-slider-tips">
                QQ咨询
            </div>
        </li>
        <li class="hidden-xs">
            <a id="slider-phone" href="javascript:void(0);"></a>
            <div class="clan-slider-tips">
                18810888729
            </div>
        </li>
        <li class="hidden-xs">
            <a id="slider-wechat" href="javascript:void(0);"></a>
            <div class="clan-slider-tips-wechat">
                <img src="static/picture/wechat.png">
            </div>
        </li>
        <li><a id="slider-goTop" href="javascript:void(0);"></a></li>
        <!--
        <li class="visible-xs-block">
            <a id="slider-menu" href="javascript:void(0);"></a>
        </li>
        -->
    </ul>
</div>
<!-- 返回顶部滑块 -->
        <!-- 整站通用的尾部 -->
<div id="sidebar-bg" style="display: none;"></div>
<!-- 立即咨询 -->
<div class="contact-banner">
    <canvas id="waves" class="waves"></canvas>
    <div class="container">
        <div class="row">
            <div class="col-sm-12 contact-banner-box">
                <h2 class="h1">更多疑问 全面解答</h2>
                <h4>资深美签专家在线为您解答所有疑惑</h4>
                <a href="javascript:;" class="btn btn-outline-inverse btn-lg web-chat">免费咨询</a>
            </div>
        </div>
    </div>
</div>
<!-- 立即咨询 -->
<!-- 通用页脚 -->
<div id="footer">
    <div class="container">
        <div class="row">
            <div class="col-xs-6 col-sm-2 footer-item">
                <div class="footer-list">
                    <h4>常用工具</h4>
                    <ul>
                        <li><a href="/code" target="_blank">电码查询</a></li>
                        <li><a href="/index.php?m=content&c=index&a=show&catid=12&id=36#track">护照追踪</a></li>
                        <li><a href="http://www.clantrip.com/index.php?m=content&c=index&a=lists&catid=14">资料下载</a></li>
                    </ul>
                </div>
            </div>
            <div class="col-xs-6 col-sm-2 footer-item">
                <div class="footer-list">
                    <h4>快捷裢接</h4>
                    <ul>
                        <li><a href="http://www.clantrip.com/index.php?m=content&c=index&a=lists&catid=10">签证资讯</a></li>
                        <li><a href="/index.php?m=content&c=index&a=show&catid=7&id=1">签证指南</a></li>
                        <li><a href="/index.php?m=content&c=index&a=show&catid=8&id=37">常见问题</a></li>
                    </ul>
                </div>
            </div>
            <div class="col-xs-6 col-sm-2 footer-item">
                <div class="footer-list">
                    <h4>关于我们</h4>
                    <ul>
                        <li><a href="/index.php?m=content&c=index&a=show&catid=11&id=17">关于中岚</a></li>
                        <li><a href="/index.php?m=content&c=index&a=show&catid=11&id=19">服务协议</a></li>
                        <li><a href="javascript:AddFavorite('美国签证-中岚','http://www.clantrip.com/');">收藏本站</a></li>
                    </ul>
                </div>
            </div>
            <div class="col-xs-6 col-sm-2 footer-item">
                <div class="footer-wechat">
                    <img class="img-responsive" src="static/picture/wechat.png">
                    <p>微信<sapn class="hidden-sm">号:</sapn>jhjy2012</p>
                </div>
            </div>
            <div class="col-xs-12 col-sm-4 footer-item footer-item-last">
                <div class="footer-contact">
                    <h2><img src="static/picture/pc-footer-phone.png">18810888729</h2>
                    <h2><img src="static/picture/pc-footer-qq.png">54350970</h2>
                    <h2><img src="static/picture/pc-footer-mob.png">18810888729</h2>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<div id="copyright">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <p>Copyright © 2006-2019 clantrip.com All Rights Reversed. 中岚签证 <a target="_blank" href="https://beian.miit.gov.cn">京ICP备16015317号-1</a></p>

                <div style="width:300px;margin:0 auto; padding:20px 0; text-align: center;">
                    <a target="_blank"
                       href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010102002687"
                       style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
                        <img src="static/picture/ghs.png" style="float:left;"/>
                        <p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#fafafa;">京公网安备 11010102002687号</p></a>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 通用页脚 -->
<!-- 手机端底部 -->
<div id="mob-bottom" class="visible-xs-block">
    <div class="container">
        <div class="row">
            <div class="col-xs-3 mob-bottom-item">
                <a href="tel:18810888729">
                    <img class="img-responsive center-block" src="static/picture/mob-footer-phone.png">
                    <span>电话咨询</span>
                </a>
            </div>
            <div class="col-xs-3 mob-bottom-item">
                <a href="tel:18810888729">
                    <img class="img-responsive center-block" src="static/picture/mob-footer-mob.png">
                    <span>紧急电话</span>
                </a>
            </div>
            <div class="col-xs-3 mob-bottom-item">
                <a href="#">
                    <img class="img-responsive center-block web-chat" src="static/picture/mob-footer-chat.png">
                    <span>在线咨询</span>
                </a>
            </div>
            <div class="col-xs-3 mob-bottom-item">
                <a href="sms:18810888729">
                    <img class="img-responsive center-block" src="static/picture/mob-footer-msm.png">
                    <span>短信咨询</span>
                </a>
            </div>
        </div>
    </div>
</div>
<!-- 手机端底部 -->
<!-- 整站通用的尾部 -->


<script type="text/javascript" src="static/js/common.js"></script>

<script>
    var _hmt = _hmt || [];
    (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?53f67ff94e8345319896915f2d7fe43c";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>

</body>
</html>
        
        
        
        